<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- BLOCK INDEX -->
        <meta name="robots" content="noindex">
        <!-- BLOCK INDEX -->
        <link rel="icon" href="img/favicon.png" type="image/png">
        <title>SpeechBrain</title>
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="vendors/linericon/style.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
        <link rel="stylesheet" href="vendors/lightbox/simpleLightbox.css">
        <link rel="stylesheet" href="vendors/nice-select/css/nice-select.css">
        <link rel="stylesheet" href="vendors/animate-css/animate.css">
        <!-- main css -->
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/responsive.css">
    </head>
    <body>

        <!--================Header Menu Area =================-->
        <header class="header_area">
            <div class="main_menu">
            	<nav class="navbar navbar-expand-lg navbar-light">
					<div class="container box_1620">
						<!-- Brand and toggle get grouped for better mobile display -->
						<a class="navbar-brand logo_h" href="index.html"><img src="img/logo_line_big.png" width="175px" alt=""></a>
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse offset" id="navbarSupportedContent">
							<ul class="nav navbar-nav menu_nav justify-content-center">
								<li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
								<li class="nav-item"><a class="nav-link" href="">Get Started</a></li>
								<li class="nav-item"><a class="nav-link" href="about.html">About SpeechBrain</a>
                <li class="nav-item"><a class="nav-link" href="https://speechbrain.readthedocs.io/en/latest/index.html">Documentation</a>
								<li class="nav-item submenu dropdown">
									<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Tutorials</a>
									<ul class="dropdown-menu">
										<li class="nav-item"><a class="nav-link" href="">HMM-DNN ASR</a></li>
										<li class="nav-item"><a class="nav-link" href="">E2E ASR</a></li>
                    <li class="nav-item"><a class="nav-link" href="">Speaker Verification</a></li>
                    <li class="nav-item"><a class="nav-link" href="">Speaker Identification</a></li>
                    <li class="nav-item"><a class="nav-link" href="">Speech Enhancement</a></li>
                    <li class="nav-item"><a class="nav-link" href="">Multichannel Speech Processing</a></li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
            	</nav>
            </div>
        </header>
        <!--================Header Menu Area =================-->

        <!--================Home Banner Area =================-->
        <section class="home_banner_area blog_banner">
            <div class="banner_inner d-flex align-items-center">
            	<div class="overlay bg-parallax" data-stellar-ratio="0.9" data-stellar-vertical-offset="0" data-background=""></div>
				<div class="container">
					<div class="blog_b_text text-center">
						<h2>SpeechBrain Tutorials</h2>
						<h3>HMM-DNN Automatic Speech Recognition</h3>

					</div>
				</div>
            </div>
        </section>
        <!--================End Home Banner Area =================-->

        <!--================Blog Categorie Area =================-->
        <section class="blog_categorie_area">
          <!-- We don't have category for now -->
        </section>
        <!--================Blog Categorie Area =================-->

        <!--================Blog Area =================-->
        <section class="blog_area">
            <div class="container">
                <div class="row">
                    <div class="col-md-9">
                        <div class="blog_left_sidebar">
                            <article class="row blog_item">
                               <div class="col-md-3">
                                   <div class="blog_info text-right">
                                        <div class="post_tag">
                                            <a class="active" href="#">DNN-HMM ASR</a>
                                        </div>
                                        <ul class="blog_meta list">
                                            <li><a href="about.html">Ravanelli M.<i class="lnr lnr-user"></i></a></li>
                                            <li><a href="#">20 Jun, 2020<i class="lnr lnr-calendar-full"></i></a></li>
                                            <li><a href="#">Difficulty: easy<i class="lnr lnr-cog"></i></a></li>
                                            <li><a href="#">Time: 15min<i class="lnr lnr-hourglass"></i></a></li>
                                        </ul>
                                    </div>
                               </div>
                                <div class="col-md-9">
                                    <div class="blog_post">
                                        <div class="blog_details">
                                            <h2>Minimal Example</h2>
                                            <p>Duis faucibus consequat nisi, id dapibus velit tristique vitae. Donec cursus dolor nulla, eget iaculis libero elementum in. Curabitur porttitor suscipit velit, at imperdiet orci viverra id. Praesent vitae nisi convallis, bibendum purus sagittis, mattis ipsum. Fusce pulvinar mi sit amet lorem cursus ultricies vel sit amet velit. Quisque id aliquet purus. Integer vitae lectus ac lorem porttitor lobortis sed quis lorem. Quisque posuere non libero eu consequat. Curabitur porttitor lacus sed dolor dapibus posuere. Mauris luctus dolor felis, sit amet bibendum lectus molestie eu. Sed id odio ligula. Maecenas interdum lorem vel varius malesuada. Nunc euismod erat a molestie blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sed dapibus augue, id commodo diam.</p>
                                            <a href="https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb" class="blog_btn">Open in Google Colab</a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="row blog_item">
                               <div class="col-md-3">
                                   <div class="blog_info text-right">
                                        <div class="post_tag">
                                            <a class="active" href="#">DNN-HMM ASR</a>
                                        </div>
                                        <ul class="blog_meta list">
                                            <li><a href="about.html">Rastorgueva E., Lugosh L.<i class="lnr lnr-user"></i></a></li>
                                            <li><a href="#">20 Jun, 2020<i class="lnr lnr-calendar-full"></i></a></li>
                                            <li><a href="#">Difficulty: hard<i class="lnr lnr-cog"></i></a></li>
                                            <li><a href="#">Time: 35min<i class="lnr lnr-hourglass"></i></a></li>
                                        </ul>
                                    </div>
                               </div>
                                <div class="col-md-9">
                                    <div class="blog_post">
                                        <div class="blog_details">
                                            <h2>Lattice Free MMI</h2>
                                            <p>Duis faucibus consequat nisi, id dapibus velit tristique vitae. Donec cursus dolor nulla, eget iaculis libero elementum in. Curabitur porttitor suscipit velit, at imperdiet orci viverra id. Praesent vitae nisi convallis, bibendum purus sagittis, mattis ipsum. Fusce pulvinar mi sit amet lorem cursus ultricies vel sit amet velit. Quisque id aliquet purus. Integer vitae lectus ac lorem porttitor lobortis sed quis lorem. Quisque posuere non libero eu consequat. Curabitur porttitor lacus sed dolor dapibus posuere. Mauris luctus dolor felis, sit amet bibendum lectus molestie eu. Sed id odio ligula. Maecenas interdum lorem vel varius malesuada. Nunc euismod erat a molestie blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sed dapibus augue, id commodo diam.</p>
                                            <a href="https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb" class="blog_btn">Open in Google Colab</a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <nav class="blog-pagination justify-content-center d-flex">
		                        <ul class="pagination">
		                            <li class="page-item">
		                                <a href="#" class="page-link" aria-label="Previous">
		                                    <span aria-hidden="true">
		                                        <span class="lnr lnr-chevron-left"></span>
		                                    </span>
		                                </a>
		                            </li>
		                            <li class="page-item active"><a href="#" class="page-link">1</a></li>
		                            <li class="page-item"><a href="#" class="page-link">2</a></li>
		                            <li class="page-item"><a href="#" class="page-link">3</a></li>
		                            <li class="page-item"><a href="#" class="page-link">4</a></li>
		                            <li class="page-item">
		                                <a href="#" class="page-link" aria-label="Next">
		                                    <span aria-hidden="true">
		                                        <span class="lnr lnr-chevron-right"></span>
		                                    </span>
		                                </a>
		                            </li>
		                        </ul>
		                    </nav>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--================Blog Area =================-->

        <!--================Footer Area =================-->
        <footer class="footer_area p_120">
        	<div class="container">
        		<div class="row footer_inner">
        			<div class="col-lg-5 col-sm-6">
        				<aside class="f_widget ab_widget">
        					<div class="f_title">
        						<h3>About Me</h3>
        					</div>
        					<p>Do you want to be even more successful? Learn to love learning and growth. The more effort you put into improving your skills,</p>
        					<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
        				</aside>
        			</div>
        			<div class="col-lg-5 col-sm-6">
        				<aside class="f_widget news_widget">
        					<div class="f_title">
        						<h3>Newsletter</h3>
        					</div>
        					<p>Stay updated with our latest trends</p>
        					<div id="mc_embed_signup">
                                <form target="_blank" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01" method="get" class="subscribe_form relative">
                                	<div class="input-group d-flex flex-row">
                                        <input name="EMAIL" placeholder="Enter email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email Address '" required="" type="email">
                                        <button class="btn sub-btn"><span class="lnr lnr-arrow-right"></span></button>
                                    </div>
                                    <div class="mt-10 info"></div>
                                </form>
                            </div>
        				</aside>
        			</div>
        			<div class="col-lg-2">
        				<aside class="f_widget social_widget">
        					<div class="f_title">
        						<h3>Follow Me</h3>
        					</div>
        					<p>Let us be social</p>
        					<ul class="list">
        						<li><a href="#"><i class="fa fa-facebook"></i></a></li>
        						<li><a href="#"><i class="fa fa-twitter"></i></a></li>
        						<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
        						<li><a href="#"><i class="fa fa-behance"></i></a></li>
        					</ul>
        				</aside>
        			</div>
        		</div>
        	</div>
        </footer>
        <!--================End Footer Area =================-->




        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="js/jquery-3.2.1.min.js"></script>
        <script src="js/popper.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/stellar.js"></script>
        <script src="vendors/lightbox/simpleLightbox.min.js"></script>
        <script src="vendors/nice-select/js/jquery.nice-select.min.js"></script>
        <script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
        <script src="vendors/isotope/isotope-min.js"></script>
        <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
        <script src="js/jquery.ajaxchimp.min.js"></script>
        <script src="js/mail-script.js"></script>
        <script src="vendors/counter-up/jquery.waypoints.min.js"></script>
        <script src="vendors/counter-up/jquery.counterup.min.js"></script>
        <script src="js/theme.js"></script>
    </body>
</html>
